<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>虚线框</title>
		<style>
			.dotted-line{
				width: 800px;
				margin: auto;
				border: 1px dashed transparent;
				background: linear-gradient(white, white) padding-box, repeating-linear-gradient(-45deg, red 0, #ccc .25em, white .75em, white .75em);
			}
		</style>
	</head>
	<body>
		<div class="dotted-line">
			庭院深深,不知有多深？杨柳依依,飞扬起片片烟雾，一重重帘幕不知有多少层。豪华的车马停在贵族公子寻欢作乐的地方，她登楼向远处望去，却看不见那通向章台的大路。春已至暮，三月的雨伴随着狂风大作，再是重门将黄昏景色掩蔽，也无法留住春意。泪眼汪汪问落花可知道我的心意，落花默默不语，纷乱的，零零落落一点一点飞到秋千外。
		</div>
	</body>
</html>